<template>
  <div class="box">
    <div class="beijing">
      <div class="dv">
        <div class="left">
          <img
            src="https://m.360buyimg.com/babel/jfs/t1/137095/30/31734/36443/63e3811cF2c49bc1f/b8cda6d6dde7cc4d.png"
            alt=""
            style="width: 50.1333vw; height: 68.2667vw"
          />
        </div>
        <div class="right">
          <img
            src="https://m.360buyimg.com/babel/jfs/t1/182375/22/32116/80791/63e3849fFd86550b7/9a940a2b97e829ff.png"
            alt=""
            style="width: 40vw; height: 38.4vw"
          /><img
            src="https://m.360buyimg.com/babel/jfs/t1/72522/17/23984/259749/63e0ca36F7c03bac4/da755b25ecabad34.png"
            alt=""
            style="width: 40vw; height: 27.7333vw"
          />
        </div>
      </div>
      <div class="dv">
        <div class="left">
          <img
            src="https://m.360buyimg.com/babel/jfs/t1/163553/33/34159/135406/63e1c9d2F8d3788ef/7334544e811e1d10.png"
            alt=""
            style="width: 50.1333vw; height: 68.2667vw"
          />
        </div>
        <div class="right">
          <img
            src="https://m.360buyimg.com/babel/jfs/t1/36907/10/20404/336514/63e0dcd6F949d144c/8d284d8ecf227e53.png"
            alt=""
            style="width: 40vw; height: 38.4vw"
          /><img
            src="https://m.360buyimg.com/babel/jfs/t1/77868/3/24054/30182/63e224a5F06786628/5dcd3f686181b337.png"
            alt=""
            style="width: 40vw; height: 27.7333vw"
          />
        </div>
      </div>
      <div class="dv">
        <div class="left">
          <img
            src="https://m.360buyimg.com/babel/jfs/t1/147439/19/32936/120656/63e229c1F2b401539/ecee359142af83cf.png"
            alt=""
            style="width: 50.1333vw; height: 68.2667vw"
          />
        </div>
        <div class="right">
          <img
            src="https://m.360buyimg.com/babel/jfs/t1/148787/3/33421/75169/63e0bf31F4066e88c/00c7e78c51e24401.png"
            alt=""
            style="width: 40vw; height: 38.4vw"
          /><img
            src="https://m.360buyimg.com/babel/jfs/t1/7202/35/20576/22291/63e23453F3771672b/7982008ea25e43db.png"
            alt=""
            style="width: 40vw; height: 27.7333vw"
          />
        </div>
      </div>
    </div>
  </div>
</template>
    
    <script>
export default {};
</script>
    
<style scoped>
.box {
  width: 100%;
  height: 78.1333vw;
  background: url(@/assets/bj.png);
  background-size: 100%;
  overflow: scroll;
}

.beijing {
  width: 300%;
  height: 78.1333vw;
  display: flex;
}
.dv {
  width: 96.8vw;
  height: 75.1333vw;
  margin: auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-align: center;
}
/* img {
  display: block;
  width: 93%;
  height: 78.1333vw;
  margin: auto;
  border-radius: 1.3333vw;
} */
</style>